<!DOCTYPE html>
<html lang="zh-CN">
<!-- Basic -->

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<!-- Mobile Metas -->
	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

	<!-- Site Metas -->
	<title>计爱玲 & Cathy -- 个人网站</title>
	<meta name="keywords" content="计爱玲,Cathy,个人网站">
	<meta name="description" content="本网站是计爱玲(Cathy)的个人网站，用以日常学习和平时技术项目的托管">
	<meta name="author" content="Cathy">

	<!-- Site Icons -->
	<link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon" />
	<link rel="apple-touch-icon" href="./images/favicon.ico" />

	<!-- Bootstrap CSS -->
	<link rel="stylesheet" href="./css/bootstrap.min.css">
	<!-- Pogo Slider CSS -->
	<link rel="stylesheet" href="./css/pogo-slider.min.css">
	<!-- Site CSS -->
	<link rel="stylesheet" href="./css/style.css">
	<!-- Responsive CSS -->
	<link rel="stylesheet" href="./css/responsive.css">
	<!-- Custom CSS -->
	<link rel="stylesheet" href="./css/custom.css">
	<!-- my CSS -->
	<link rel="stylesheet" href="./css/jal.css">
	<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="home" data-spy="scroll" data-target="#navbar-wd" data-offset="98">



	<!-- Start header -->
	<header class="top-header">
		<nav class="navbar header-nav navbar-expand-lg">
			<div class="container">
				<a class="navbar-brand" href="/"><img src="./images/logo.png" alt="image"></a>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-wd"
					aria-controls="navbar-wd" aria-expanded="false" aria-label="Toggle navigation">
					<span></span>
					<span></span>
					<span></span>
				</button>
				<div class="collapse navbar-collapse justify-content-end" id="navbar-wd">
					<ul class="navbar-nav">
						<li><a class="nav-link active" href="#home">主页</a></li>
						<li><a class="nav-link" href="#introduction">网站介绍</a></li>
						<li><a class="nav-link" href="#technology">技术栈</a></li>
						<li><a class="nav-link" href="#awards">在校荣誉</a></li>
						<li><a class="nav-link" href="#project">项目作品</a></li>
						<li><a class="nav-link" href="#contact">关于</a></li>
					</ul>
				</div>
			</div>
		</nav>
	</header>
	<!-- End header -->

	<!-- Start Banner -->
	<div class="ulockd-home-slider">
		<div class="container-fluid">
			<div class="row">
				<div class="pogoSlider" id="js-main-slider">
					<div class="pogoSlider-slide" style="background-image:url(./images/slider.jpg);"></div>
					<div class="pogoSlider-slide" style="background-image:url(./images/slider-02.jpg);"></div>
					<div class="pogoSlider-slide" style="background-image:url(./images/slider-03.jpg);"></div>
				</div><!-- .pogoSlider -->
			</div>
		</div>
	</div>
	<!-- End Banner -->

	<!-- introduction -->
	<div id="introduction" class="about-box" style="padding-bottom: 0;">
		<div class="about-a1">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="title-box">
							<h2>网站介绍</h2>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12 col-md-12 col-sm-12">
						<div class="row align-items-center about-main-info">

							<div class="col-lg-6 col-md-6 col-sm-12 text_align_center">
								<div class="full">
									<img class="img-responsive" src="./images/w1.png" alt="#" />
								</div>
							</div>

							

							<div class="col-lg-6 col-md-6 col-sm-12">
								<h2><img style="width: 60px;" src="./images/head_s.png" alt="#" />网站配置</h2>
								<p><label class="intro-label">网站服务器：</label>1核2G腾讯云服务器</p>
								<p><label class="intro-label">网站域名：</label>jiailing.com</p>
								<p><label class="intro-label">数据库：</label>MySQL、MongoDB</p>
								<p><label class="intro-label">Web服务器：</label>Nginx</p>
								<p><label class="intro-label">运行项目：</label>PHP项目、静态网页、React项目等</p>
								<!-- <a href="#" class="hvr-radial-out button-theme">Read More</a> -->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="about-a1" style="background:#f7f7f7;margin-top: 50px;padding-top: 75px;padding-bottom: 50px;">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 col-md-12 col-sm-12">
						<div class="row align-items-center about-main-info">

							<div class="col-lg-6 col-md-6 col-sm-12">
								<h2><img style="width: 60px;" src="./images/head_s.png" alt="#" />本宝宝的几句话···</h2>
								<p>
									当时购买这个服务器的目的，是为了让自己可以有个服务器可以搭建一些个人练手的网站以及一些平时练习的项目。但由于工作学习时间紧张，歇了大半年没有去弄这个服务器了。这次清明节回家待三天刚好有时间来好好整理一下我的网站☺️☺️☺️☺️
								</p>
								<p class="git">我的GitHub代码仓库地址：<a class="address" target="_blank"
										href="https://www.github.com/2604150210">https://www.github.com/2604150210</a></p>
								<p class="git">我的Gitee代码仓库地址：<a class="address" target="_blank"
										href="https://gitee.com/jiailing">https://gitee.com/jiailing</a></p>
								<p class="git">我的学校Git仓库地址：<a class="address" target="_blank"
										href="http://git.webturing.com/jal">http://git.webturing.com/jal</a></p>
								<br>
								<p>我平时喜欢通过写博客的方式，记录自己在学习技术过程中的知识</p>
								<a href="https://blog.csdn.net/jal517486222" target="_blank" class="hvr-radial-out button-theme">去瞅瞅博客😄</a>
							</div>

							<div class="col-lg-6 col-md-6 col-sm-12 text_align_center">
								<div class="full">
									<img class="img-responsive" src="./images/w2.png" alt="#" />
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- introduction us -->

	<!-- technology -->
	<div id="technology" class="services-box main-timeline-box">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="title-box">
						<h2>技术栈</h2>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col-lg-6 col-sm-6">
					<figure class="effect-service">
						<img src="./images/t1.jpg" alt="" />
						<figcaption>
							<h2>熟悉H5特性、JQuery库、BootStrap框架</h2>
							
						</figcaption>
					</figure>
				</div>
				<div class="col-lg-6 col-sm-6">
					<figure class="effect-service">
						<img src="./images/t2.png" alt="" />
						<figcaption>
							<h2>熟悉React框架、ReactNative移动开发、Redux技术、Andt组件库</h2>
							
						</figcaption>
					</figure>
				</div>
				<div class="col-lg-6 col-sm-6">
					<figure class="effect-service">
						<img src="./images/t3.jpeg" alt="" />
						<figcaption>
							<h2>了解Vue框架、Webpack打包工具、yarn/npm包管理器</h2>
							
						</figcaption>
					</figure>
				</div>
				<div class="col-lg-6 col-sm-6">
					<figure class="effect-service">
						<img src="./images/t4.jpeg" alt="" />
						<figcaption>
							<h2>了解NodeJS技术、熟悉Linux系统、MySQL数据库、Git工具、Java、PHP等后端语言</h2>
							
						</figcaption>
					</figure>
				</div>

			</div>

		</div>
	</div>
	<!-- technology -->

	<!-- awards -->
	<div id="awards" class="gallery-box" style="background: #f7f7f7;">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="title-box">
						<h2>在校荣誉</h2>
					</div>
				</div>
			</div>
			<div class="row">
				<ul class="popup-gallery clearfix">
					<li>
						<a href="./images/d1.jpeg">
							<img class="img-fluid" src="./images/d1.jpeg" alt="single image">
							<span class="overlay">2019年秋季PAT等级考试甲级满分</span>
						</a>
					</li>
					<li>
						<a href="./images/d2.jpeg">
							<img class="img-fluid" src="./images/d2.jpeg" alt="single image">
							<span class="overlay">2018年大学生计算机设计大赛全国二等奖</span>
						</a>
					</li>
					<li>
						<a href="./images/d3.jpeg">
							<img class="img-fluid" src="./images/d3.jpeg" alt="single image">
							<span class="overlay">2018年安徽省程序设计竞赛(ACM)一等奖</span>
						</a>
					</li>
					<li>
						<a href="./images/d4.jpeg">
							<img class="img-fluid" src="./images/d4.jpeg" alt="single image">
							<span class="overlay">2016、2017、2018年校级一/二等优秀奖学金</span>
						</a>
					</li>
					<li>
						<a href="./images/d5.jpeg">
							<img class="img-fluid" src="./images/d5.jpeg" alt="single image">
							<span class="overlay">2018年大学生计算机设计大赛安徽省一等奖</span>
						</a>
					</li>
					<li>
						<a href="./images/d6.jpeg">
							<img class="img-fluid" src="./images/d6.jpeg" alt="single image">
							<span class="overlay">2019年CCPC女生赛、2018年CCPC秦皇岛分站赛优秀奖</span>
						</a>
					</li>
					<li>
						<a href="./images/d7.jpeg">
							<img class="img-fluid" src="./images/d7.jpeg" alt="single image">
							<span class="overlay">英语四六级证书</span>
						</a>
					</li>
					<li>
						<a href="./images/d8.jpeg">
							<img class="img-fluid" src="./images/d8.jpeg" alt="single image">
							<span class="overlay">2016、2017、2018国家励志奖学金</span>
						</a>
					</li>
					<li>
						<a href="./images/d9.jpeg">
							<img class="img-fluid" src="./images/d9.jpeg" alt="single image">
							<span class="overlay">2016、2017、2018校三好学生</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- end awards -->

	<!-- project -->
	<div id="project" class="gallery-box">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="title-box">
						<h2>项目作品</h2>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-8 offset-md-2 col-10 offset-1 testimonial_slider">
					<div id="client_slider" class="carousel slide" data-ride="carousel">
						<ol class="carousel-indicators">
							<li data-target="#client_slider" data-slide-to="0" class="active"></li>
							<li data-target="#client_slider" data-slide-to="1"></li>
						</ol>
						<div class="carousel-inner">
							<div class="carousel-item text-center active">
								<div class="testimonial_img">
									<img width="500" height="300" class="d-block"
										src="./images/p1.png" alt="First slide">
								</div>
								<a href="https://acm.webturing.com/compiler.php" target="_blank"><h5 class="mt-4 mb-0"><strong class="text-uppercase" style="color: #e91327;padding-bottom: 0;">
										在线编译器（计算机设计大赛获奖项目）</strong></h5></a>
								<p class="m-0 pt-3">
									这个在线编译器具有代码提示，语法高亮，模板载入，代码格式化，以及代码收藏等各种别的在线编译器功能。
								</p>
							</div>
							<div class="carousel-item text-center">
								<div class="testimonial_img">
									<img width="500" height="300" class="d-block"
										src="./images/p2.png" alt="First slide">
								</div>
								<a href="http://admin.jiailing.com" target="_blank"><h5 class="mt-4 mb-0"><strong class="text-uppercase" style="color: #e91327;padding-bottom: 0;">
									基于React+Router后台管理系统</strong></h5></a>
								<p class="m-0 pt-3">
									本项目是在学习慕课网的React课程中，做的一个基于React+Router的后台管理系统，使用了yarn作为包管理器，Webpack作为打包编译工具。
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end project -->

	<!-- contact -->
	<div id="contact" class="contact-box" style="background: #f7f7f7;">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="title-box">
						<h2>关于</h2>
					</div>
				</div>
			</div>
			<div class="row">

				<div class="col-lg-7 col-sm-7 col-xs-12">
					<div class="contact-block">
						<form id="contactForm">
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<input type="text" class="form-control" id="name" name="name" placeholder="Your Name" required
											data-error="Please enter your name">
										<div class="help-block with-errors"></div>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<input type="text" placeholder="Your Email" id="email" class="form-control" name="name" required
											data-error="Please enter your email">
										<div class="help-block with-errors"></div>
									</div>
								</div>
								<div class="col-md-12">
									<div class="form-group">
										<input type="text" placeholder="Your number" id="number" class="form-control" name="number" required
											data-error="Please enter your number">
										<div class="help-block with-errors"></div>
									</div>
								</div>
								<div class="col-md-12">
									<div class="form-group">
										<textarea class="form-control" id="message" placeholder="Your Message" rows="8"
											data-error="Write your message" required></textarea>
										<div class="help-block with-errors"></div>
									</div>
									<div class="submit-button text-center">
										<button class="btn btn-common" id="submit" type="submit">留言</button>
										<div id="msgSubmit" class="h3 text-center hidden"></div>
										<div class="clearfix"></div>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>


				<div class="col-lg-5 col-sm-5 col-xs-12">
					<div class="left-contact">
						<div class="media cont-line">
							<div class="media-left icon-b">
								<i class="fa fa-location-arrow" aria-hidden="true"></i>
							</div>
							<div class="media-body dit-right">
								<h4>地址</h4>
								<p>江苏省南京市玄武区珠江路同仁西街7号南楼3楼322办公室</p>
							</div>
						</div>
						<div class="media cont-line">
							<div class="media-left icon-b">
								<i class="fa fa-envelope" aria-hidden="true"></i>
							</div>
							<div class="media-body dit-right">
								<h4>Email</h4>
								<a href="javascript:;">517486222@qq.com</a><br>
								<a href="javascript:;">jiailing6@gmail.com</a>
							</div>
						</div>
						<div class="media cont-line">
							<div class="media-left icon-b">
								<i class="fa fa-volume-control-phone" aria-hidden="true"></i>
							</div>
							<div class="media-body dit-right">
								<h4>电话</h4>
								<a href="javascript:;">188****2520</a><br>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end contact -->

	<!-- Start Subscribe -->
	<div class="subscribe-box">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="subscribe-inner text-center clearfix">
						<h2>Subscribe</h2>
						<form action="#" method="post">
							<div class="form-group">
								<input class="form-control-1" id="email-1" name="email" placeholder="Email Address" required=""
									type="text">
							</div>
							<div class="form-group">
								<button type="submit" class="hvr-radial-out">
									Subscribe
								</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- End Subscribe -->

	<!-- Start Footer -->
	<footer class="footer-box">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<p class="footer-company-name">All Rights Reserved. &copy; <span id="currentYear"></span> jiailing.com  <a href="http://beian.miit.gov.cn/">皖ICP备19024239号</a></p>
				</div>
			</div>
		</div>
	</footer>
	<!-- End Footer -->

	<a href="javascript:;" id="scroll-to-top" class="hvr-radial-out"><i class="fa fa-angle-up"></i></a>

	<!-- ALL JS FILES -->
	<script src="./js/jquery.min.js"></script>
	<script src="./js/popper.min.js"></script>
	<script src="./js/bootstrap.min.js"></script>
	<!-- ALL PLUGINS -->
	<script src="./js/jquery.magnific-popup.min.js"></script>
	<script src="./js/jquery.pogo-slider.min.js"></script>
	<script src="./js/slider-index.js"></script>
	<script src="./js/smoothscroll.js"></script>
	<script src="./js/form-validator.min.js"></script>
	<script src="./js/contact-form-script.js"></script>
	<script src="./js/isotope.min.js"></script>
	<script src="./js/images-loded.min.js"></script>
	<script src="./js/custom.js"></script>
</body>

</html>